<!-- <template>
	<view style="padding: 32rpx 26rpx;">
		<view>
			<partyMainTitle>党建指导团</partyMainTitle>
			<view class="member-list">
				<view style="margin-bottom: 10rpx;">
					<view style="font-weight: bold;">团长 <label
							style="color:#4F54FF;padding: 0 4rpx;">{{partyInfo['党建指导团概况']['团长']}}</label> 人
					</view>
					<name-list :nameList="tuanzhangList"></name-list>
				</view>
				<view>
					<view style="font-weight: bold;">成员 <label
							style="color:#4F54FF;padding: 0 4rpx;">{{partyInfo['党建指导团概况']['团员']}}</label> 人
					</view>
					<name-list :nameList="chengyuanList"></name-list>
				</view>
			</view>
		</view>
		<view>
			<partyMainTitle>小区党支部</partyMainTitle>
			<view class="member-list">
				<view style="margin-bottom: 10rpx;">
					<view style="font-weight: bold;">党支部书记 <label
							style="color:#4F54FF;padding: 0 4rpx;">{{partyInfo['小区党支部概况']['党支部书记']}}</label> 人
					</view>
					<name-list :nameList="dangzhibushuji"></name-list>
				</view>
				<view style="margin-bottom: 10rpx;">
					<view style="font-weight: bold;">支委会成员<label
							style="color:#4F54FF;padding: 0 4rpx;">{{partyInfo['小区党支部概况']['支委会成员']}}</label> 人
					</view>
					<name-list :nameList="dangzhibuweiyuan"></name-list>
				</view>

				<view>
					<view style="font-weight: bold;">在册党员<label
							style="color:#4F54FF;padding: 0 4rpx;">{{origin[1].value}}</label> 人

					</view>
				</view>
				<view>
					<view style="font-weight: bold;">在地党员<label
							style="color:#4F54FF;padding: 0 4rpx;">{{origin[0].value}}</label> 人

					</view>
				</view>
			</view>
		</view>
		<view>
			<partyMainTitle>楼道党小组</partyMainTitle>
			<view class="member-list">
				<view style="font-weight: bold;">楼道党小组<label style="color:#4F54FF;padding: 0 4rpx;">{{partyInfo['楼道党小组总数']}}</label>个
				</view>
				<view style="font-weight: bold;">党小组组长<label style="color:#4F54FF;padding: 0 4rpx;">{{partyInfo['楼道党小组概况']['组长']}}</label>人
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import partyMainTitle from "../components/part-main-title.vue";
	import nameList from "../../myComponents/name-list.vue"
	export default {
		components: {
			partyMainTitle,
			nameList
		},
		data() {
			return {
				partyInfo: {},
				params: {
					projId: uni.getStorageSync('projId')
				},
				tuanzhangList: [],
				chengyuanList: [],
				dangzhibushuji: [],
				dangzhibuweiyuan: [],
				total1: 0,
				origin: [],
				total2: 0,
				member: []
			}
		},

		mounted() {
			console.log(1)
			
		},
		onLoad() {
			this.getPartyStatic()
		},
		methods: {
			getPartyStatic() {
				uni.showLoading()
				this.$http.post('/party/member/count', {
					项目id: uni.getStorageSync('projId'),
					所属组织: [1,2,3]
				}).then(res => {
					
					this.partyInfo = res.data
				})
			},
			getProjOverview() {
				this.$http.post('/common/proj/overview', this.params).then(res => {
					console.log(res)
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.member-list {
		margin-top: 20rpx;
		margin-bottom: 80rpx;
		padding: 42rpx 32rpx;
		font-size: 28rpx;
		line-height: 52rpx;
		background: #FFFBF6;
		box-shadow: 0rpx 8rpx 7rpx 3rpx rgba(155, 141, 115, 0.19);
		border-radius: 20rpx;
	}
</style>
 -->
 <template>
	 <page-meta :root-font-size="`${fontSize}px`"></page-meta>
 	<view style="padding: 32rpx 26rpx;">
 		<view>
 			<partyMainTitle>党建指导团</partyMainTitle>
 			<view class="member-list">
 				<view style="margin-bottom: 10rpx;">
 					<view style="font-weight: bold;">团长 <label
 							style="color:#4F54FF;padding: 0 4rpx;">{{tuanzhangList.length}}</label> 人
 					</view>
 					<name-list :nameList="tuanzhangList"></name-list>				
 				</view>
 				<view>
 					<view style="font-weight: bold;">成员 <label
 							style="color:#4F54FF;padding: 0 4rpx;">{{chengyuanList.length}}</label> 人
 					</view>
 					<name-list :nameList="chengyuanList"></name-list>
 					<!-- <view style="display: grid;grid-template-columns: repeat(6,auto);">
 						<view v-for="(name,index) in chengyuanList" style="display: flex;">
 							<label style="display: flex;justify-content: space-between;width: 80rpx;"> <label
 									v-for="char in name">{{char}}</label> </label>
 							<label v-if="index< chengyuanList.length-1 && (index+1)%6!=0">、</label>
 						</view>
 					</view> -->
 				</view>
 			</view>
 		</view>
 		<view>
 			<partyMainTitle>小区党支部</partyMainTitle>
 			<view class="member-list">
 				<view style="margin-bottom: 10rpx;">
 					<view style="font-weight: bold;">党支部书记 <label
 							style="color:#4F54FF;padding: 0 4rpx;">{{dangzhibushuji.length}}</label> 人
 					</view>
 					<name-list :nameList="dangzhibushuji"></name-list>
 				</view>
 				<view style="margin-bottom: 10rpx;">
 					<view style="font-weight: bold;">支委会成员<label
 							style="color:#4F54FF;padding: 0 4rpx;">{{dangzhibuweiyuan.length}}</label> 人				
 					</view>
 					<name-list :nameList="dangzhibuweiyuan"></name-list>
 				</view>
 
 				<view >
 					<view style="font-weight: bold;">在册党员<label
 							style="color:#4F54FF;padding: 0 4rpx;">{{origin[1].value}}</label> 人		
 					
 					</view>
 				</view>
 				<view >
 					<view style="font-weight: bold;">在地党员<label
 							style="color:#4F54FF;padding: 0 4rpx;">{{origin[0].value}}</label> 人		
 					
 					</view>
 				</view>
 			</view>
 		</view>
 		<view>
 			<partyMainTitle>楼道党小组</partyMainTitle>
 			<view class="member-list">
 				<view style="font-weight: bold;">楼道党小组<label
 							style="color:#4F54FF;padding: 0 4rpx;">{{total2}}</label>个
 				</view>
 				<view style="font-weight: bold;">党小组组长<label
 							style="color:#4F54FF;padding: 0 4rpx;">{{total2}}</label>人
 				</view>				
 			</view>
 		</view>
 	</view>
 </template>
 
 <script>
 	import partyMainTitle from "../components/part-main-title.vue";
 import nameList from "../../myComponents/name-list.vue"
	import { mapState } from 'vuex'
 	export default {
		computed: {
			...mapState(['fontSize'])
		},
 		components: {
 			partyMainTitle,
 			nameList
 		},
 		data() {
 			return {
 				tuanzhangList: [],
 				chengyuanList: [],
 				dangzhibushuji: [],
 				dangzhibuweiyuan: [],
 				total1: 0,
 				origin: [],
 				total2: 0,
 				member: []
 			}
 		},
 		mounted() {
 			console.log(1)
 			if (uni.getStorageSync('projId') == 159) {
 				this.tuanzhangList = ["周静俭"];
 				this.chengyuanList = ["马琦霞", "高瑛", "沈婵娟", "方毛毛", "徐建新", "凡琪",];
 				this.dangzhibushuji = ["冯益明"];
 				this.dangzhibuweiyuan = ["朱敏燕", "孙志良"];
 				this.total1 = 40;
 				this.origin = [{
 						name: "在地",
 						value: 11
 					},
 					{
 						name: "在册",
 						value: 29
 					},
 				];
 				this.total2 = 4
 				this.member = ["孙志良", "缪海云", "曹定妹", "沈建宝"];
 			}
 			if (uni.getStorageSync('projId') == 208) {
 				this.tuanzhangList = ["郭若佐"];
 				this.chengyuanList = ["周峰", "高梦雅", "鲁强", "朱建华", "王金荣", "田永才"];
 				this.dangzhibushuji = ["许敏捷"];
 				this.dangzhibuweiyuan = ["周婷", "胡江平"];
 				this.total1 = 53;
 				this.origin = [{
 						name: "在地",
 						value: 15
 					},
 					{
 						name: "在册",
 						value: 38
 					},
 				];
 				this.total2 = 12;
 				this.member = ["朱荣高", "周婷", "吕永连", "骆阳", "吕伟勇", "任晨阳", "陈国强", "方平", "张春香", "胡江平", "林建新", "朱祺栋"];
 			}
 		},
 		methods: {
 
 		}
 	}
 </script>
 
 <style scoped lang="less">
 	.member-list {
 		margin-top: 20rpx;
 		margin-bottom: 80rpx;
 		padding: 42rpx 32rpx;
 		font-size: 28rpx;
 		line-height: 52rpx;
 		background: #FFFBF6;
 		box-shadow: 0rpx 8rpx 7rpx 3rpx rgba(155, 141, 115, 0.19);
 		border-radius: 20rpx;
 	}
 </style>